<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Bootstrappin&#39;</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Google Web Font -->
        <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,300,200' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>

        <!-- Icons -->
        <!-- Based on
          * The HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate
          * The Mobile Boilerplate https://github.com/h5bp/mobile-boilerplate
          * 320 and Up https://github.com/malarkey/320andup
        -->

        <!-- Favicons -->
        <!-- 16x16 -->
        <link rel="shortcut icon" href="ico/favicon.ico">
        <!-- 32x32 -->
        <link rel="shortcut icon" href="ico/favicon.png">

        <!-- Touch Icons -->
        <!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
        <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-precomposed.png">
        <!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72x72-precomposed.png">
        <!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114x114-precomposed.png">
        <!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144x144-precomposed.png">

        <!-- Win8 -->
        <!-- Tile icon for Win8 / RT (144x144 + tile color) -->
        <meta name="msapplication-TileImage" content="ico/apple-touch-icon-144x144-precomposed.png">
        <meta name="msapplication-TileColor" content="#000">
        <meta http-equiv="cleartype" content="on">

    </head>
    <body class="homepage">
        <!--[if lte IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

    <header role="banner">
      <nav class="navbar navbar-fixed-top">
        <div class="container">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand navbar-brand" href="index.html"><img alt="Bootstrappin&#39;" src="img/logo.png"></a>
          <div class="nav-collapse collapse">
            <ul class="nav navbar-nav">
              <li><a href="index.html">Back Home</a></li>
              <li class="active"><a href="#">Photo Credits</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </nav>
    </header> <!-- / role banner -->

    <main role="main" class="container">

      <ul class="breadcrumb">
        <li><a href="index.html">Home</a></li>
        <li class="active">Photo Credits</li>
      </ul>

      <div class="row">
        <div class="col-lg-6">
          <h1>Photo Credits</h1>

          <p>See image file names to match photos with source.</p>

          <ul class="list-group">

            <li class="list-group-item"><span class="icon-globe"></span> <a href="http://www.flickr.com/people/chrisconnell/">Christopher Connell: Flickr Profile</a></li>

            <li class="list-group-item"><span class="icon-globe"></span> <a href="http://www.flickr.com/people/demir/" title="Link to Berk's Flickr Profile">Berk D. Demir: Flickr Profile</a></li>

            <li class="list-group-item"><span class="icon-globe"></span> <a href="http://www.flickr.com/people/romainguy/">Romain Guy: Flickr Profile</a></li>

            <li class="list-group-item"><span class="icon-globe"></span> <a href="http://www.flickr.com/people/suvival198/">Trung Hieu: Flickr Profile</a></li>

            <li class="list-group-item"><span class="icon-globe"></span> <a href="http://www.solidbeard.com" title="Jump to SolidBeard.com">Josh Howard: solidbeard.com</a></li>

            <li class="list-group-item"><span class="icon-globe"></span> <a href="http://www.flickr.com/people/76029035@N02/">Victor1558: Flickr Profile</a></li>

            <li class="list-group-item"><span class="icon-globe"></span> <a href="http://www.flickr.com/people/elwillo/">Keith Williamson: Flickr Profile</a></li>

          </ul>

        </div>
      </div>
    </main>

    <footer role="contentinfo">
      <div class="container">

        <p class="copyright"><a href="index.html"><img src="img/logo.png" width="80" alt="Bootstrappin&#39;"></a></p>

      </div>
    </footer>

    <!-- JavaScript -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
    <script>
        var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>



</body>
</html>
